import React from 'react';

import './App.css';
import FilterableProductTable from "./FilterableProductTable";
const shopCarData = [
    { category: "Fruits", price: "$1", stocked: true, name: "Apple" },
    { category: "Fruits", price: "$1", stocked: true, name: "Dragon fruit" },
    { category: "Fruits", price: "$2", stocked: false, name: "Passion fruit" },
    { category: "Vegetables", price: "$2", stocked: true, name: "Spinach" },
    { category: "Vegetables", price: "$4", stocked: false, name: "Pumpkin" },
    { category: "Vegetables", price: "$1", stocked: true, name: "Peas" }
]
function App() {
  return (
    <div className="App">
      <FilterableProductTable products={shopCarData}></FilterableProductTable>
    </div>
  );
}

export default App;
